<template>
  <h1>vue3 - ui</h1>
  <!-- <button @click="showModal">显示modal {{isShow}}</button> -->
  <div class="swiper-box">
    <!-- <swiper :source="swiperList"></swiper> -->
  </div>
  <!-- <Modal
    v-model:show="isShow"
    :width="500"
    headerText="你别过来啊"
    contentText="哈哈哈哈"
    contentTextColor="#333"
    :showBtn="false"
    position="center"
    confirmText="是"
    cancelText="否"
    @confirm="handleConfirm"
    @close="handleCancel"
  /> -->
</template>

<script >
import { ref } from "vue";

const swiperList = [1, 2, 3, 4, 5, 5, 5, 5, 5];

export default {
  setup() {
    let isShow = ref(true);

    function showModal() {
      isShow.value = true;
    }

    function handleConfirm(params) {}
    function handleCancel(params) {
      console.log("点击了关闭");
    }

    return {
      showModal,
      handleConfirm,
      handleCancel,
      isShow,
      swiperList,
    };
  },
};
</script>

<style>
.swiper-box {
  padding: 10px;
}
</style>